<template>
	<view>
		<view class="container">
			<view class="card">
				<view class="cardinside">
				<image src="../../../static/kun/index/discounts/优惠券.png"></image>
				<view class="text">
				<text>惠民活动走进......</text>
				<text style="color: gray;">详情 ></text>
				</view>
				</view>
			</view>
			<view class="card" style="margin-top: 20rpx;">
				<view class="cardinside">
				<image src="../../../static/kun/index/discounts/wow.png"></image>
				<view class="text">
				<text>惠民活动走进......</text>
				<text style="color: gray;">详情 ></text>
				</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
</script>

<style>
	.container{
		margin-top: -88rpx;
		width: 100%;
		height: 400rpx;
		background: linear-gradient(to bottom right, #4693F5, #514EF2);
		overflow: visible;
		display: flex;
		flex-direction: column;
		
	}
	.card{
		border-radius: 20rpx;
		background-color: #ffffff;
		box-shadow: 0 4rpx 8rpx rgba(0, 0, 0, 0.1);
		width: 90%;
		margin-top:120rpx;
		display: flex;
		flex-direction: column;
		margin-left: 35rpx;
		
	}
	.text{
		padding: 0rpx 20rpx;
		padding-bottom: 40rpx;
		display: flex;
		justify-content: space-between;
	}
	.card image{
		padding: 0rpx 20rpx;
		padding-top: 20rpx;
	}
</style>